<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
</head>
<body>
<div id="app">
    <!--     固定头部-->
    <div class="top">
        <!--        导航栏-->
        <div class="nav-bar">
            <div class="top-logo">
                <img src="static/img/index/toplogo.png">
            </div>
            <div class="top-location">
                <span class="location-icon">
                <img src="static/img/index/定位.png">
                </span>
                <span class="location-text">深圳</span>
                <span class="locate">
                <img width="14" height="14" src="static/img/index/down.png">
                </span>
            </div>
            <div class="nav-item">
                <ul class="item-list">
                    <li><a href="">首页</a></li>
                    <li><a href="">贷款攻略</a></li>
                    <li><a href="">找贷款</a></li>
                    <li><a href="">找顾问</a></li>
                    <li><a href="">明星任务</a></li>
                </ul>
            </div>
            <div class="search1">
                <div class="search-input">
                    <input  placeholder="  搜索贷款产品">
                    <span class="search-bt"><a  class="search-icon" href=""><img src="static/img/index/放大镜.png"></a></span>
                </div>
            </div>
            <div class="category">
                <ul>
                    <li>信用卡</li><span style="margin-left:10px;" class="line" >|</span>
                    <li>股票开户</li><span style="margin-left: 10px" class="line" >|</span>
                    <li>网贷开户</li><span style="margin-left: 10px; margin-right: 3px" class="line" >|</span>
                    <li>问答</li>
                </ul>
            </div>
        </div>
    </div>
    <!--    轮播部分-->
    <div class="ban">
        <!--        侧边栏-->
        <div class="fixed-sider">
            <div class="sidericon-1">
            </div>
            <div class="sidericon-2">
            </div>
            <div class="sidericon-3">
            </div>
            <div class="sidericon-4">
            </div>
        </div>

        <div class="wrap">
            <!--        贷款总数，数量-->
            <div class="wrap-mtext">
            <span class="mtext-totalmoney">
                <span class="m">平台累计放款：<span class="mtext-moneynumb"></span></span>
            </span>
                <span class="mtext-totalbusiness">
                <span class="t">平台申请数：<span class="mtext-businessnumb">868686</span></span>
            </span>
            </div>
            <!--        轮播图-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img height="840" width="100%" src="static/img/index/banner.png"></div>
                    <div class="swiper-slide"><img height="840" width="100%" src="static/img/index/banner1.png"></div>
                </div>
                <div class="left-bg ">
                    <img src="static/img/index/left.png">

                </div>
                <div class="right-bg ">
                    <img src="static/img/index/right.png">
                </div>
            </div>
            <!--            公告喇叭-->
            <div class="annouce-img">
                <img src="static/img/index/broadcast.png">
            </div>
            <!--            公告-->
            <div class="wrap-annouce">
                <div class="wrap-annouce1">
                    <span class="annouce-text">欢迎光临！公告:热烈庆祝平安银行进驻明星科技！</span>
                    <span class="annouce-text2">欢迎光临！公告:热烈庆祝平安银行进驻明星科技！</span>
                </div>
            </div>
            <div class="pr">
                <div class="product">
                    <div class="product1">
                        <div class="prd">
                            <div class="prd-text1">优选贷款产品></div>
                            <div class="prd-text2">个人类 企业类</div>
                            <div class="wrap-detail">
                                <div class="detail">
                                    <div class="fix-text">
                    <span class="ft-top">百万专家精挑细选
                    <span class="ft-top-line2">最高可贷<span class="ft-top-text" style="font-size: 24px;color: #faa11c ">100万</span>元</span>
                    </span>
                                        <button class="ft-button">立即申请</button>
                                        <span class="ft-foot">贷款专线: 400-990-8628</span>
                                    </div>
                                    <ul class="detail-content">
                                        <li class="item1">
                                            <div class="item-top">
                                                平安银行新一贷
                                            </div>
                                            <span class="item-bottom">
                                <span style=" margin-left: 35px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 35px;">只来银行一次</span><br>
                                <span style=" margin-left: 35px; ">资料齐全最快一天!</span>
                            </span>
                                        </li><li class="item1">
                                        <div class="item-top">
                                            平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                            <span style=" margin-left: 30px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                            <span style=" margin-left: 30px;">只来银行一次</span><br>
                                            <span style=" margin-left: 30px; ">资料齐全最快一天!</span>
                                        </span>
                                    </li><li class="item1">
                                        <div class="item-top">
                                            平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                 <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                    </li><li class="item1">
                                        <div class="item-top">
                                            平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                    </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div><div class="product1">
                    <div class="prd">
                        <div class="prd-text1">明星任务></div>
                        <div class="prd-text2">附近兼职 最新兼职 领取任务</div>
                        <div class="wrap-detail">
                            <div class="detail">
                                <div class="fix-text">
                    <span class="ft-top">百万专家精挑细选
                     <span class="ft-top-line2">最高可贷<span class="ft-top-text" style="font-size: 24px;color: #faa11c ">100万</span>元</span>
                    </span>
                                    <button class="ft-button">立即申请</button>
                                    <span class="ft-foot">贷款专线: 400-990-8628</span>
                                </div>
                                <ul class="detail-content">
                                    <li class="item1">
                                        <div class="item-top">
                                            平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                 <span style=" margin-left: 35px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 35px;">只来银行一次</span><br>
                                <span style=" margin-left: 35px; ">资料齐全最快一天!</span>
                            </span>
                                    </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                 <span style=" margin-left: 30px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 30px;">只来银行一次</span><br>
                                <span style=" margin-left: 30px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                 <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><div class="product1">
                    <div class="prd">
                        <div class="prd-text1">数据中心></div>
                        <div class="prd-text2">实时统计平台运营数据 ，一目了然</div>
                        <div class="wrap-detail">
                            <div class="detail">
                                <div class="fix-text">
                    <span class="ft-top">百万专家精挑细选
                    <span class="ft-top-line2">最高可贷<span class="ft-top-text" style="font-size: 24px;color: #faa11c ">100万</span>元</span>
                    </span>
                                    <button class="ft-button">立即申请</button>
                                    <span class="ft-foot">贷款专线: 400-990-8628</span>
                                </div>
                                <ul class="detail-content">
                                    <li class="item1">
                                        <div class="item-top">
                                            3平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                <span style=" margin-left: 35px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 35px;">只来银行一次</span><br>
                                <span style=" margin-left: 35px; ">资料齐全最快一天!</span>
                            </span>
                                    </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                    <span style=" margin-left: 30px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                    <span style=" margin-left: 30px;">只来银行一次</span><br>
                                    <span style=" margin-left: 30px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                 <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><div class="product1">
                    <div class="prd">
                        <div class="prd-text1">信息安全></div>
                        <div class="prd-text2">3星安全防护，360°保障信息安全</div>
                        <div class="wrap-detail">
                            <div class="detail">
                                <ul class="detail-content">
                                    <div class="fix-text">
                                        <span class="ft-top">百万专家精挑细选
                                             <span class="ft-top-line2">最高可贷<span class="ft-top-text" style="font-size: 24px;color: #faa11c ">100万</span>元</span>
                                        </span>
                                        <button class="ft-button">立即申请</button>
                                        <span class="ft-foot">贷款专线: 400-990-8628</span>
                                    </div>
                                    <li class="item1">
                                        <div class="item-top">
                                            4平安银行新一贷
                                        </div>
                                        <span class="item-bottom">
                                 <span style=" margin-left: 35px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 35px;">只来银行一次</span><br>
                                <span style=" margin-left: 35px; ">资料齐全最快一天!</span>
                            </span>
                                    </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                <span style=" margin-left: 30px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 30px;">只来银行一次</span><br>
                                <span style=" margin-left: 30px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li><li class="item1">
                                    <div class="item-top">
                                        平安银行新一贷
                                    </div>
                                    <span class="item-bottom">
                                 <span style=" margin-left: 18px;" class="detail-content-fixlineone">零抵押,上限50万!</span><br>
                                <span style=" margin-left: 18px;">只来银行一次</span><br>
                                <span style=" margin-left: 18px; ">资料齐全最快一天!</span>
                            </span>
                                </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
    <!--    主体-->
    <div class="content">
        <div class="applyaccount">
            <div class="apply">
                <div class="input-form">
                    <form method="post">
                        <div class="form-name">
                            <input name="name" placeholder="你的姓氏">
                        </div>
                        <div class="form-sex">
                            <input type="radio" name="sex" value="0" id="man" ><label for="man">&nbsp&nbsp先生&nbsp&nbsp</label>
                            <input type="radio" name="sex" value="1" id="woman"><label for="woman">&nbsp&nbsp女士</label>
                        </div>
                        <div class="form-money">
                            <input name="money" placeholder="贷款金额(单位:万元)">
                        </div>
                        <div class="form-phone">
                            <input name="phone" placeholder="输入手机号">
                        </div>
                        <div class="form-test">
                            <input name="test" placeholder="输入验证码">
                        </div>
                        <div class="test-img"><img src="static/img/index/验证码.png"></div>
                        <div class="button">
                        <button>申请贷款</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="evalue">
                <img height="80"  width="108" src="static/img/index/pg.png">
            </div>
        </div>
        <div class="daikuan">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                    <span>贷款攻略</span> <img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>多种期限 专家指引</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">热门贷款</li>
                        <li>个人贷款</li>
                        <li>企业贷款</li>
                        <li>信用贷款</li>
                        <li>抵押贷款</li>
                        <li>贷款工具</li>
                        <li>信息安全</li>
                    </ul>
                </div><div class="daikuan-right">
                    <div class="daikuan-list">
                        <ul>
                            <li>
                                <div class="list-1">
                                    <img src="static/img/index/攻略2.png">
                                    <img style="position: absolute;left: 0;top: 0;" src="static/img/index/独家.png">
                                    <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                    <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                    <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                                </div>
                            </li>
                            <li> <div class="list-1">
                                <img src="static/img/index/攻略2.png">
                                <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                            </div></li>
                            <li> <div class="list-1">
                                <img src="static/img/index/攻略2.png">
                                <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                            </div></li>
                            <li> <div class="list-1">
                                <img src="static/img/index/攻略2.png">
                                <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                            </div></li>
                            <li>  <div class="list-1">
                                <img src="static/img/index/攻略2.png">
                                <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                            </div></li>
                            <li>  <div class="list-1">
                                <img src="static/img/index/攻略2.png">
                                <span class="daikuan-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan-card-caption">别再因流水被拒贷!</span><br>
                                <span class="daikuan-card-link"><a style="color: #edeced;font-size: 14px" href="">查看详情 ></a></span>
                            </div></li>
                        </ul>
                    </div>
                    <div class="daikuan-rbt">
                        <ul>
                            <li><a href="#">京东和白条闪付有什么区别吗</a></li>
                            <li><a href="#">在美国 ，个人信用记录有多重要?</a></li>
                            <li><a href="#">高利贷恶果被曝,为什么还是有人借?</a></li>
                            <li><a href="#">支付宝借呗提额需几步可以上万?</a></li>
                            <li><a href="#">4S店为什么更希望你贷款买车?</a></li>
                            <li><a href="#">催收欠款有哪些技巧?</a></li>
                        </ul>
                        <div class="daikuan-more">
                            <button>查看更多<p style="font-size:12px;color: #f6ba91 ">明星汇聚独家攻略</p></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="daikuan2">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                        <span>专项贷款方案</span> <img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>综合性贷款方案平台</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">信用专区</li>
                        <li>抵押专区</li>
                        <li>高额专区</li>
                        <li>快捷专区</li>
                        <li>低门槛专区</li>
                    </ul>
                </div><div class="daikuan-right">
                <div class="daikuan-list">
                    <ul>
                        <li>
                            <div class="list-1">
                                <img src="static/img/index/NEW.png">
                                <span class="daikuan2-card-title">平安</span><br>
                                <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                                <span class="daikuan2-card-link"><a  href="">查看详情 ></a></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan2-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                                <span class="daikuan2-card-link"><a href="">查看详情 ></a></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                            <span class="daikuan2-card-title">专业解读银行流水 !</span><br>
                            <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                            <span class="daikuan2-card-link"><a  href="">查看详情 ></a></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan2-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                                <span class="daikuan2-card-link"><a  href="">查看详情 ></a></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan2-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                                <span class="daikuan2-card-link"><a  href="">查看详情 ></a></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan2-card-title">专业解读银行流水 !</span><br>
                                <span class="daikuan2-card-caption">月息低至&nbsp&nbsp<span style="font-size: 24px">0.4%</span></span><br>
                                <span class="daikuan2-card-link"><a  href="">查看详情 ></a></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="daikuan-rbt">
                    <div class="rbt-bank">
                        <span class="rbt-bank-t">平安银行车抵贷</span><br>
                        <span class="rbt-bank-bt"> 放贷快 &nbsp额度高 &nbsp月息低</span>
                        <span class="bank-arrow"><img src="/static/img/index/形状-26.png"></span>
                    </div>
                    <div class="rbt-bank2">
                        <span class="rbt-bank-t">平安银行车抵贷</span><br>
                        <span class="rbt-bank-bt"> 放贷快 &nbsp额度高 &nbsp月息低</span>
                        <span class="bank-arrow"><img src="/static/img/index/形状-26.png"></span>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="daikuan3">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                        <span>顾问服务</span> <img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>一对一式专业服务</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">车贷顾问</li>
                        <li>房贷顾问</li>
                        <li>信贷顾问</li>
                        <li>无抵押顾问</li>
                        <li>高额顾问</li>
                        <li>小额顾问</li>
                    </ul>
                </div><div class="daikuan-right">
                <div class="daikuan-list">
                    <ul>
                        <li>
                            <div class="list-1">
                                <span class="daikuan3-card-name"></span><span style=" color: #898c8e;">/</span><span class="daikuan3-card-title"></span><br>
                                <img src="static/img/index/bg_01.png"><span class="daikuan3-card-phone"></span><span style="color: #898c8e;"> |</span><span class="daikuan3-card-years"></span><br>
                                <img src="static/img/index/bg_02.png"><span  class="daikuan3-card-vol"></span><span style="color: #898c8e;"> |</span><span class="daikuan3-card-task"></span><br>
                                <span class="daikuan3-card-ward">
                                    <img src="static/img/index/consultant-star.png">
                                    <img style="margin-left: 12px" src="/static/img/index/consultant-star2.png">
                                </span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan3-card-name"></span><span style=" color: #898c8e;">/</span><span class="daikuan3-card-title"></span><br>
                                <img src="static/img/index/bg_01.png"><span class="daikuan3-card-phone"></span><span style="color: #898c8e;">|</span><span class="daikuan3-card-years"></span><br>
                                <img src="static/img/index/bg_02.png"><span  class="daikuan3-card-vol"></span><span class="daikuan3-card-task"></span><br>
                                <span class="daikuan3-card-ward"><img src="static/img/index/consultant-star.png"><img style="margin-left: 12px" src="/static/img/index/consultant-star2.png"></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan3-card-name"></span><span style=" color: #898c8e;">/</span><span class="daikuan3-card-title"></span><br>
                                <img src="static/img/index/bg_01.png"><span class="daikuan3-card-phone"></span><span style="color: #898c8e;">|</span><span class="daikuan3-card-years"></span><br>
                                <img src="static/img/index/bg_02.png"><span  class="daikuan3-card-vol"></span><span class="daikuan3-card-task"></span><br>
                                <span class="daikuan3-card-ward"><img src="static/img/index/consultant-star.png"><img style="margin-left: 12px" src="/static/img/index/consultant-star2.png"></span>
                            </div>
                        </li>
                        <li>
                            <div class="list-1">
                                <span class="daikuan3-card-name"></span><span style=" color: #898c8e;">/</span><span class="daikuan3-card-title"></span><br>
                                <img src="static/img/index/bg_01.png"><span class="daikuan3-card-phone"></span><span style="color: #898c8e;">|</span><span class="daikuan3-card-years"></span><br>
                                <img src="static/img/index/bg_02.png"><span  class="daikuan3-card-vol"></span><span class="daikuan3-card-task"></span><br>
                                <span class="daikuan3-card-ward"><img src="static/img/index/consultant-star.png"><img style="margin-left: 12px" src="/static/img/index/consultant-star2.png"></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="daikuan-rbt">
                    <div class="rbt-arrow">
                        <img src="static/img/index/矩形-46.png" style="cursor: pointer">&nbsp&nbsp&nbsp<img src="static/img/index/矩形-46_88.png" style="cursor: pointer">
                    </div>
                    <div class="daikuan-more" style="right:61px">
                        <button>查看更多<p style="font-size:12px;color: #f6ba91 ">明星汇款服务顾问</p></button>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="daikuan4">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                        <span>热卖产品</span> <img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>只为顾客挑选最合适的</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">信用专区</li>
                        <li>抵押专区</li>
                        <li>高额专区</li>
                        <li>快捷专区</li>
                        <li>低门槛专区</li>
                    </ul>
                </div><div class="daikuan-right">
                <div class="daikuan4-right-l">
                    <div class="daikuan4-rl-main">
                        <div class="daikuan4-rl-title">平安银行车抵贷</div>
                        <div class="daikuan4-rl-caption">适用范围 : 名下有车</div>
                        <div class="daikuan4-rl-max">最高可贷</div>
                        <div class="daikuan4-rl-maxmoney">100万</div>
                        <div class="daikuan4-rl-form" style="margin-top: 30px" >
                            <form class="daikuan4-form">
                           <span  style="display:inline-block; vertical-align:bottom;">姓名</span>
                            <input type="text" id="name">
                            <span style="display:inline-block;vertical-align:bottom;">电话</span>
                            <input id="telephone">
                            </form>
                        </div>
                        <button>立即申请</button>
                        <div style="color: #919191;font-size: 10px;width:132px;margin-top:35px;margin-left: 28px">安全高效 ，最快1天放款
                            <div style="color: #919191;font-size: 10px;width:132px;margin-top: 6px">已为50万+用户提供服务</div>
                        </div>
                    </div>
                </div>
                <div class="daikuan4-right-r">
                    <ul class="daikuan4-rr-list">
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan4-rr-item" >
                                <span class="daikuan4-rr-name">平安银行新一贷</span>
                                <span class="daikuan4-rr-yuexi" >月息<span class="daikuan4-rr-yuexinumber" >0.4%</span></span>
                                <span class="daikuan4-rr-max">最高额度<span class="daikuan4-rr-maxnumber" >50万</span></span>
                                <span class="daikuan4-rr-time">到账时间<span class="daikuan4-rr-arrive" >10分钟</span></span>
                                <span class="daikuan4-rr-arrow"><img src="static/img/index/right4.png"></span>
                                <button class="daikuan4-rr-button">申请</button>
                            </div>
                        </li>
                    </ul>
                    <div class="daikuan-rr-more">
                        查看更多 >
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="daikuan5">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                        <span>问答专区</span> <img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>智赢未来 有问必答</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">热门问题</li>
                        <li>最新问题</li>
                        <li>个人贷款</li>
                        <li>企业贷款</li>
                    </ul>
                </div><div class="daikuan-right">
                <div class="daikuan5-right-content">
                    <ul class="daikuan5-rl-qalist">
                        <li>
                            <div class="daikuan5-rl-qa">
                                <div class="daikuan5-rl-q">
                                    <span class="daikuan5-qicon">问</span>
                                    <span class="daikuan5-qconent">小额贷款签合同需要注意哪些问题</span>
                                </div>
                                <div class="daikuan5-rr-a">
                                    <span class="daikuan5-aicon">答</span>
                                    <span class="daikuan5-acontent">您好，学生不能办理信用贷款</span>
                                </div>
                            </div>

                            <div class="daikuan5-rl-qa">
                                <div class="daikuan5-rl-q">
                                    <span class="daikuan5-qicon">问</span>
                                    <span class="daikuan5-qconent">小额贷款签合同需要注意哪些问题</span>
                                </div>
                                <div class="daikuan5-rr-a">
                                    <span class="daikuan5-aicon">答</span>
                                    <span class="daikuan5-acontent">您好，学生不能办理信用贷款</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan5-rl-qa">
                                <div class="daikuan5-rl-q">
                                    <span class="daikuan5-qicon">问</span>
                                    <span class="daikuan5-qconent">小额贷款签合同需要注意哪些问题</span>
                                </div>
                                <div class="daikuan5-rr-a">
                                    <span class="daikuan5-aicon">答</span>
                                    <span class="daikuan5-acontent">您好，学生不能办理信用贷款</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan5-rl-qa">
                                <div class="daikuan5-rl-q">
                                    <span class="daikuan5-qicon">问</span>
                                    <span class="daikuan5-qconent">小额贷款签合同需要注意哪些问题</span>
                                </div>
                                <div class="daikuan5-rr-a">
                                    <span class="daikuan5-aicon">答</span>
                                    <span class="daikuan5-acontent">您好，学生不能办理信用贷款</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="daikuan5-rr-compute">
                        <div class="daikuan5-rr-ctitle">
                            <span></span>
                            <span style="font-size: 18px">贷款计算器</span>
                        </div>
                        <div class="daikuan5-rr-cline">
                            <div class="daikuan5-rr-cline1-1">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器1.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">等额本金</span>
                            </div>
                            <div class="daikuan5-rr-cline1-2">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器2.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">等额本息</span>
                            </div>
                        </div>
                        <div class="daikuan5-rr-cline2">
                            <div class="daikuan5-rr-cline2-1">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器3.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">房贷</span>
                            </div>
                            <div class="daikuan5-rr-cline2-2">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器4.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">公积金贷</span>
                            </div>
                        </div>
                        <div class="daikuan5-rr-cline3">
                            <div class="daikuan5-rr-cline3-1">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器5.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">组合贷</span>
                            </div>
                            <div class="daikuan5-rr-cline3-2">
                                <div class="daikuan5-rr-cline-picture">
                                    <img src="static/img/index/计算器6.png">
                                </div>
                                <span class="daikuan5-rr-cline-text">工资计算器</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="daikuan6">
            <div class="daikuan-content">
                <div class="daikuan-left">
                    <div class="daikuan-t">
                        <span>明星任务</span><img src="static/img/index/right2.png">
                    </div>
                    <div class="daikuan-m">
                        <div>完成一个赚一笔</div>
                    </div>
                    <ul class="daikuan-bt">
                        <li class="active">最新任务</li>
                        <li>优选任务</li>
                    </ul>
                </div><div class="daikuan-right">
                <div class="daikuan6-list">
                    <ul>
                        <li>
                            <div class="daikuan6-task1">
                                <img src="static/img/index/任务1.png">
                                <span class="daikuan6-task-new"><img src="static/img/index/NEW.png"></span>
                                <div class="daikuan6-list-title">
                                    <span></span>
                                    <span>办理平安银行信用卡</span>
                                    <span></span>
                                </div>
                                <div class="daikuan6-list-caption">
                                    <div>任务奖励<span>20</span>元</div>
                                    <div>任务时间<span>1</span>天</div>
                                </div>
                                <button class="daikuan6-list-button">立即申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan6-task1">
                                <img src="static/img/index/任务1.png">
                                <div class="daikuan6-list-title">
                                    <span></span>
                                    <span>办理平安银行信用卡</span>
                                    <span></span>
                                </div>
                                <div class="daikuan6-list-caption">
                                    <div>任务奖励<span>20</span>元</div>
                                    <div>任务时间<span>1</span>天</div>
                                </div>
                                <button class="daikuan6-list-button">立即申请</button>
                            </div>
                        </li>
                        <li>
                            <div class="daikuan6-task1">
                                <img src="static/img/index/任务1.png">
                                <div class="daikuan6-list-title">
                                    <span></span>
                                    <span>办理平安银行信用卡</span>
                                    <span></span>
                                </div>
                                <div class="daikuan6-list-caption">
                                    <div>任务奖励<span>20</span>元</div>
                                    <div>任务时间<span>1</span>天</div>
                                </div>
                                <button class="daikuan6-list-button">立即申请</button>
                            </div>
                        </li>

                    </ul>
                </div>
                <div class="daikuan6-rbt">
                    <ul>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                        <li><a href="">【福利】注册平安app 送888元红包</a></li>
                    </ul>
                </div>
            </div>
            </div>
        </div>
    </div>
    <!--    底部-->
    <div class="bottom">
        <div class="commpany">
            <div class="commpany-title">合作伙伴</div>
            <div class="company-wrap">
                <ul class="company-list">
                    <li><img src="static/img/index/合作伙伴1.png"></li>
                    <li><img src="static/img/index/合作伙伴2.png"></li>
                    <li><img src="static/img/index/合作伙伴3.png"></li>
                    <li><img src="static/img/index/合作伙伴4.png"></li>
                    <li><img src="static/img/index/合作伙伴1.png"></li>
                    <li><img src="static/img/index/合作伙伴3.png"></li>
                    <li><img src="static/img/index/合作伙伴2.png"></li>
                </ul>
            </div>
        </div>
        <div class="foot">
            <div class="foot-top">
                <div class="foot-top-content">
                    <div class="foot-logo">
                        <img src="static/img/index/底部logo.png">
                    </div>
                    <div class="foot-cre">
                        <ul class="foot-cre-list">
                            <li class="foot-cre-about"><a>关于明星汇款</a></li>
                            <li class="foot-cre-concat"><a>|&nbsp&nbsp&nbsp&nbsp联系我们&nbsp&nbsp&nbsp&nbsp</a></li>
                            <li class="foot-cre-report"><a>|&nbsp&nbsp&nbsp&nbsp投诉建议&nbsp&nbsp&nbsp&nbsp</a></li>
                            <li class="foot-cre-announce"><a>|&nbsp&nbsp&nbsp&nbsp免责声明&nbsp&nbsp&nbsp&nbsp</a></li>
                            <li class="foot-cre-safe"><a>|&nbsp&nbsp&nbsp&nbsp信息安全公约&nbsp&nbsp&nbsp&nbsp</a></li>
                            <li class="foot-cre-map"><a>|&nbsp&nbsp&nbsp&nbsp网站地图</a></li>
                        </ul>
                        <div class="safeinfo">
                            <img src="static/img/index/底部安全信息.png">
                        </div>
                    </div>
                    <div class="foot-erweima">
                        <img src="static/img/index/二维码.png">
                        <div>&nbsp&nbsp扫码关注公众号</div>
                    </div>
                </div>
            </div>
            <div class="foot-bottom">
                <div class="foot-bottom-content">
                    <div class="foot-bottom-address">
                        <span class="address">地址 ：深圳市南山区科技园海天二路易思博软件大厦2405 &nbsp&nbsp&nbsp深圳市明星科技有限公司 &nbsp备案号：粤ICP&nbsp XXXXXX</span>
                    </div>
                </div>
            </div>
            <div class="fix-space"></div>
        </div>
    </div>
    <!--    固定底部-->
    <div class="fix-bottom">
        <span class="fix-bottom_close"><img src="static/img/index/close.png"></span>
        <div class="fix-bottom-content">
            <div class="consult-phone">
                <span class="phone-text">24小时贷款咨询电话:</span><br>
                <img src="static/img/index/底部电话.png">
            </div>
            <div class="fix-bottom-phone">
                <input class="fix-bottom-phoneinput" placeholder="输入您的手机号码">
            </div>
            <button class="fix-button">贷款<br>免费通话</button>
        </div>
    </div>
</div>
</body>
<script src="./dist/bundle.js"></script>
<!--<script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>-->
<script>
    var swiper = new Swiper('.swiper-container', {
        // spaceBetween: 60,
        autoplay: {
            delay: 2800,
            disableOnInteraction: false,
        },
        loop:true,
        navigation: {
            nextEl: '.left-arrow',
            prevEl: '.right-arrow',
        },
    });
</script>
</html>